<head>
    <script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
    <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">
</head>

<h1> {{ .Title }}</h1>

<table id="myTable" class="display">
        <thead>
                <th>Title</th>
                <th>KeyWords</th>
            </thead>
            <tbody>
                {{ range $key, $value := .News }}
                  <tr>
                    <td><a href="{{$value.Location}}" target="_blank">{{ $key }}</a></td>
                    <td>{{ $value.Keyword }}</td>
                  </tr>
                {{ end }}
        
            </tbody>
</table>

<script>
        $(document).ready( function () {
          $('#myTable').DataTable();
      } );
</script>